<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车辆批量查询</title>
    <link rel="stylesheet" href="<%=path%>/views/quicksureCSR/css/batch_search.css">
    <link rel="stylesheet" href="<%=path%>/views/quicksureCSR/css/optiscroll.css">
    <link rel="stylesheet" href="<%=path%>/views/quicksureCSR/css/datePicker.css" type="text/css" media="all">
</head>
<body>
<div style="width:1300px;margin:0 auto;">
    <form action="" method="" id="form">
        <div class="search_content">
            <table>
                <tr>
                    <td>录入日期<input type="text" name="begin_date" value="" id="datePicker1" placeholder="--请输入录入日期起期--" style='width:200px' class="date_picker">
                    		 <input id="datePicker2" style='width:200px' class="date_picker" placeholder="--请输入录入日期止期--" type="text" name='end_date' value=""> 
                    </td>
                    <td>行驶区域
                    	<select name="province" id="Travel_Province" value="" onchange="provinceChange(this.id,this.value)" >
		                </select>
		                <select name="city" id="Travel_City" value="" onchange="cityChange(this.id,this.value)" >
		                </select>
		                <select name="composed" id="Travel_County" value="" onchange="townChange(this.id,this.value)" >
		                </select>
                    </td>
                    <input type="hidden" id="deptCode" value="">
                </tr>
                <tr>
                	<td>&nbsp;&nbsp;&nbsp;订单号<input id="orderno" type="text" value="" placeholder="请输入订单号"></td>
                	<td>车主姓名<input id="drvowner" type="text" value="" placeholder="请输入车主姓名"></td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;&nbsp;车牌号<input id="lcnno" type="text" value="" placeholder="请输入车牌号"></td>
                    <td>订单状态
                        <select id="orderstate" name="orderstate" style='width:216px'>
                         <option value="0">-请选择-----</option>
                         <option value="1">待支付</option>
                         <option value="2">已支付</option>
                         <option value="3">暂存</option>
                         <option value="4">已撤销</option>
                        </select>
                    </td>
                </tr>
            </table>
            <div class="btn">
        <span><a href="javascript:submitForm();" class="Search_btn"><img src="<%=path%>/views/quicksureCSR/images/search.png">搜索</a><i></i>
        <a href="javascript:clearForm();" class="Clear_btn"><img src="<%=path%>/views/quicksureCSR/images/clean.png">清除</a></span>
            </div>
        </div>
    </form>
    <input type="hidden" id="policyCount" value="${policyCount}"/>
    <div class="product_content">
        <div id="Table_list" style='overflow:hidden;'>
            <div class="m-wrapper" id="m-wrapper">
		            <table id="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
		                <tr id="tab1" class="titlebg">
		                    <td><span><pre>车主姓名</pre></span></td>
		                    <td><span><pre>订单号</pre></span></td>
		                    <td><span><pre>车牌</pre></span></td>
		                    <td><span><pre>交强投保单号</pre></span></td>
		                    <td><span><pre>交强保单号</pre></span></td>
		                    <td><span><pre>商业投保单号</pre></span></td>
		                    <td><span><pre>商业保单号</pre></span></td>
		                    <td><span><pre>总保费</pre></span></td>
		                    <td><span><pre>状态</pre></span></td>
		                    <!-- <td><span>信息提示</span></td> -->
		                </tr>
		                <tbody id="tb_content">
		                	
		                </tbody>
		            </table>
		      </div>
        </div>
        <div>
      		<ul id="pager">
      		
			</ul>
        </div>
        <div class="foot_btn">
            <button type="button" class="allow ban" disabled=true onclick="orderDetails();">订单详情</button>
            <button type="button" class="allow ban" disabled=true onclick="continuePayment();">继续支付</button>
            <button type="button" class="allow ban" disabled=true onclick="continueInsure();">继续投保</button>
            <button type="button" class="allow ban" disabled=true onclick="cancelOrder();">撤销</button>
        	<button type="button" class="allow" onclick="immediateInsure();">立即投保</button>
        	<button type="button" class="allow" onclick="exportExcel();">导出Excel</button>
        </div>
    </div>
</div>
</body>
<script src="<%=path%>/views/quicksureCSR/js/jquery.1.7.2.min.js"></script>
<script src="<%=path%>/views/quicksureCSR/js/jquery.date_input.pack.js"></script>
<script src="<%=path%>/views/quicksureCSR/js/common.js"></script>
<script src="<%=path%>/views/quicksureCSR/js/batch_search.js"></script>
<script src="<%=path%>/views/quicksureCSR/js/optiscroll.js"></script>
<script>
var wr = new Optiscroll(document.getElementById('m-wrapper'), { forceScrollbars: true }); 
    $('#datePicker1').date_input();
    $('#datePicker2').date_input();
    $('.Clear_btn').click(function(){
    	$('table input').val(' ');
    });
</script>
</html>